<%@ page pageEncoding="UTF-8" %>
<div id="header">

    <div class="container">

        <span class="brand">  <i class="icon-reorder"></i> <f:message key="common.title"/> </span>


        <div class="nav-collapse">
            <ul id="main-nav" class="nav pull-right">

                <li class="nav-icon" id="nav1">
                    <a href="${BASE}/admin">
                        <i class="icon-home"></i>
                        <span><f:message key="menu.home" /> </span>
                    </a>
                </li>

                <li class="dropdown"  id="nav2">
                    <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="icon-th"></i>
                        <span><f:message key="menu.account" /> </span>
                        <b class="caret"></b>
                    </a>

                    <ul class="dropdown-menu">
                        <li><a href="${BASE}/accounts"><f:message key="menu.account"/> </a></li>
                        <li><a href="${BASE}/account"><f:message key="menu.account.add"/> </a></li>

                    </ul>
                </li>

                <li class="dropdown"  id="nav3">
                    <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="icon-copy"></i>
                        <span><f:message key="menu.message"/> </span>
                        <b class="caret"></b>
                    </a>

                    <ul class="dropdown-menu">
                        <li><a href="${BASE}/faq"><f:message key="menu.message.all"/> </a></li>
                        <li><a href="${BASE}/gallery"><f:message key="menu.message.noreply"/> </a></li>
                        <li><a href="${BASE}/pricing"><f:message key="menu.message.reply"/> </a></li>
                    </ul>
                </li>

                <li class="dropdown"  id="nav4">
                    <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="icon-external-link"></i>
                        <span><f:message key="menu.service"/> </span>
                        <b class="caret"></b>
                    </a>

                    <ul class="dropdown-menu">
                        <li><a href="${BASE}/login"><f:message key="menu.service.add"/> </a></li>
                    </ul>
                </li>
            </ul>

        </div> <!-- /.nav-collapse -->

    </div> <!-- /.container -->

</div> <!-- /#header -->